<template>
  <div class="home">
    <Header :check="2" />
    <Banner />
    <div class="news-page">
        <div class="container">
            <div class="title-page">
                    <img class="img" src="@/assets/images/title_news.png" alt="">
                </div>
            <div class="news-main">
                <div class="news-list">
                    <div v-for="(item, index) in list" :key="index" class="news-item">
                        <div class="title donghua">
                            <span>
                                 {{ item.title }}
                            </span>
                        </div>
                        <div class="time">
                           {{ item.time }}
                        </div>
                    </div>
                </div>

                <!-- 分页 -->
            </div>
        </div>
    </div>
    <Footer />
  </div>
</template>
  
  <script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Banner from "@/components/Banner.vue";

export default {
  name: "NewsView",
  components: {
    Header,
    Footer,
    Banner
  },
  data() {
        return {
            list: [
                {
                    title: '电信诈骗套路多 反诈劝阻勿忽视 金融消费者权益',
                    time: '2023-08-08'
                }
            ],
            slide: 0
        };
    },
  methods: {}
};
</script>
  